#app, body, html{
    height: 100%;
}
body{
    background-color: @background-color-base;
    font-size: 14px;
}

::-webkit-scrollbar{
  width: .4rem;
  height: .4rem
}
::-webkit-scrollbar-track{
  background-color: #eeeeee
}
::-webkit-scrollbar-thumb{
  border-radius: .2rem;
  background-color: #999999;
    &:hover{
      background-color: #aaaaaa
    }
}

// 隐藏滚动条样式
.i-scrollbar-hide{
    &::-webkit-scrollbar{
        width: 0;
    }
    &::-webkit-scrollbar-track{
        background-color: transparent;
    }
    &::-webkit-scrollbar-thumb{
        background: #e8eaec;
    }
}

// 极简滚动条样式
.i-scrollbar{
    &::-webkit-scrollbar{
        width: 6px;
    }
    &::-webkit-scrollbar-track{
        background-color: transparent;
    }
    &::-webkit-scrollbar-thumb{
        background: #808695;
        border-radius: 4px;
    }
}

// 去除 Table 的左右边框，更精简
.i-table-no-border{
    .ivu-table th{
        background-color: #fff;
    }
    .ivu-table-wrapper, .ivu-table tr:last-child td{
        border: none;
    }
    .ivu-table:before, .ivu-table:after{
        display: none;
    }
}


// 表格删除按钮样式
.deleteBtn {
    color: red;
}
.hr-row {
    margin-bottom: 16px;
    position: relative;
    padding-left: 32px;
    .hr-row-text {
        height: 21px;
        line-height: 21px;
        display: inline-block;
        vertical-align: top;
        *zoom: 1;
        *display: inline;
        font-size: 14px;
        font-weight: 800;
        color: #333;
        padding: 0 10px;
        background-color: #fff;
        position: relative;
        z-index: 10;
    }
    &:before {
        content: '';
        width: 100%;
        border-top: 1px solid #e8eaec;
        position: absolute;
        left: 0;
        top: 11px;
    }
}
.whiteLabel {
    height: 34px;
    line-height: 34px;
    margin-bottom: 24px;
    font-size: 14px;
    color: #515a6e;
    position: relative;
    padding-left: 80px;
    .label {
        width: 80px;
        padding-right: 12px;
        text-align: right;
        position: absolute;
        left: 0;
        top: 0;
    }
}
.ivu-layout {
  background-color: #f1f4f6 !important;
}
.ivu-layout-sider-children {
  .ivu-dropdown {
    .ivu-select-dropdown {
      .ivu-dropdown-item {
        .i-layout-menu-side-title-icon {
          display: none;
        }
      }
    }
  }
}
.ivu-menu-submenu {
  .i-layout-menu-side-title-text {
    font-size: 14px !important;
  }
  .i-layout-menu-side-title-icon {
    font-size: 14px !important;
    width: 24px;
    height: 24px;
    line-height: 21px;
    vertical-align: top;
    position: relative;
    top: 2px;
  }
  .ivu-menu {
    .i-layout-menu-side-title-icon {
      display: none;
    }
  }
}
.breadcrumbImg {
  padding-left: 80px;
  position: relative;
  .dashboard-workplace-header-avatar {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -32px;
  }
  .dashboard-workplace-header-tip-title {
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
  }
}
.ivu-tag-cyan{
  line-height: 20px;
  background: #e6fffb !important;
  border-color: #87e8de !important;
  font-size: 12px !important;
  color: #13c2c2!important;
}
.numberBold .dashboard-monitor-base-info-number .ivu-numeral{
  font-size: 28px !important;
  font-weight: 700
}
.portList {
  .ivu-table-wrapper {
    border: 1px solid #e8eaec;
    border-bottom: 0;
    border-right: 0;
  }
  tr:last-child td {
    border-right: 1px solid #e8eaec !important;
    border-bottom: 1px solid #e8eaec !important;
  }
}
.tbActive {
  background-color: #10b550 !important;
  color: #fff !important;
}
.ivu-tree-title-selected, .ivu-tree-title-selected:hover, .ivu-tree-title:hover{
  background-color: #10b550 !important;
  color: #fff !important;
}
.nodePoint .ivu-table-cell{
  cursor: text !important;
}
.clearCancle .ivu-btn-text{
  display: none !important;
}
